<div class="page">

<!-- 宠物广场 -->
  <ng-container *ngFor="let pet of PetInfoList">
    <ion-card>
      <img alt="Silhouette of mountains" src="{{pet.get('photo')}}" />
      <ion-card-header>
        <ion-card-title>{{pet.get("name")}}</ion-card-title>
        <ion-card-subtitle>{{pet.get("desc")}}</ion-card-subtitle>
        
      </ion-card-header>
    
      <ion-card-content>
        主人记得陪我玩，如果我丢了记得找找我

        <ion-card-title>最喜欢的物品</ion-card-title>
        <ion-card-subtitle>近30天</ion-card-subtitle>
        <ion-list>
          <ion-item (click) = "goDetail('b5wlrueBn7')">
            <ion-thumbnail slot="start">
              <img alt="Silhouette of mountains" src="{{pet.get('pic1')}}" />
            </ion-thumbnail>
            <ion-label>{{pet.get('used1')}}</ion-label>
          </ion-item>
  
        </ion-list>
      </ion-card-content>
      <ion-button fill="clear">定位</ion-button>
      <ion-button fill="clear">详情</ion-button>
    </ion-card>


  </ng-container>
 
  
  